<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<meta name="keyword" content="单车安全帽，单车帽，脚踏车安全帽，单车头盔，自行车头盔">
	<meta name="description" content="专业自行车安全帽品牌KPLUS-以提升骑乘安全为本，致力于创新高品质的先进工艺设计。">
	<meta property="og:title" content="KPLUS-专业自行车安全帽品牌：专为亚洲人头型所设计的自行车安全帽，单车安全帽，脚踏车安全帽。">
	<meta property="og:url" content="http://www.kplus-helmet.com/">
	<meta property="og:image" content="http://www.kplus-helmet.com/etc/media/images/fb_share.jpg">
	<meta property="og:site_name" content="KPLUS-专业自行车安全帽品牌：专为亚洲人头型所设计的自行车安全帽，单车安全帽，脚踏车安全帽。">
	<meta property="og:description" content="专业自行车安全帽品牌KPLUS-以提升骑乘安全为本，致力于创新高品质的先进工艺设计。">
	<meta name="google-site-verification" content="f63hofZjqQioZww3XG41yZoxVudN4jRFUkrW8pvjY_I">
	<title>KPLUS-HELMET 官方网站</title>
	<link rel="stylesheet" type="text/css" href="../build/css/iconfont/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../build/css/common.css">
	<link rel="stylesheet" type="text/css" href="../build/css/animate.css">
	<link rel="stylesheet" type="text/css" href="../vendor/owlcarousel/assets/owl.carousel.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../vendor/owlcarousel/assets/owl.theme.default.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../build/css/login.css">
	<style type="text/css">
		.img1{
			height: 940px;
		}
		.img1 img{
			display: block;
			width: 100%;
			height: 940px;
		}
		.img2{
			height: 675px;
		}
		.img2 img{
			display: block;
			width: 100%;
			height: 675px;
		}
		.img3{
			height: 1150px;
		}
		.img3 img{
			display: block;
			width: 100%;
			height: 1150px;
		}
		.img4{
			height: 1030px;
		}
		.img4 img{
			display: block;
			width: 100%;
			height: 1030px;
		}
		.one_page_scroll_box{
			height: 1170px;
			overflow: hidden;
			position: relative;
		}
		.one_page_scroll_box .item{
			position: absolute;
			top: 0;
			left: 0;
			transition: all .6s;
		}
		.page{
			overflow: hidden;
			background: #fff;
		}
		.page .left img,.page .right img{
			display: block;
			width: 100%;
			height: 1170px;
		}
		.page .left img{
			opacity: 0;
			transition: all .6s;
		}
		.page .left{
			float: left;
			width: 50%;
		}
		.page .right{
			float: right;
			width: 50%;
		}
	</style>
</head>
<body>
<!--顶部导航条-->
<div class="nav_bar">
	<div class="nav fl">
		<a href="product_wall.html">骑行头盔</a>
		<a href="javascript:;">配件系列</a>
		<a href="javascript:;">客制服务</a>
		<a href="javascript:;">KPLUS SELECTION</a>
	</div>
	<div class="kplus_logo fl">
		<a href="../index.html" target="_blank">
			<img src="http://test.agcoo.cn/icon/kplus_logo.jpg?imageView2/5/h/940">
		</a>
	</div>
	<div class="menu fr">
		<a href="login.html"><i class="iconfont icon-iconfontfuka"></i>会员登录/注册</a>
		<a href="user_cart.html"><i class="iconfont icon-gouwuche1"></i>购物车</a>
		<a href="javascript:;"><i class="iconfont icon-diqiu"></i>繁体中文</a>
	</div>
</div>


<div class="img1">
	<img src="http://test.agcoo.cn/news/lADPAuoR5Jj6DOvNKuPNB4A_1920_10979_02.jpg">
</div>
<div class="img2">
	<img src="http://test.agcoo.cn/news/lADPAuoR5Jj6DOvNKuPNB4A_1920_10979_058.jpg">
</div>
<div class="img3">
	<img src="http://test.agcoo.cn/news/lADPAuoR5Jj6DOvNKuPNB4A_1920_10979_04.jpg">
</div>
<div class="img4">
	<img src="http://test.agcoo.cn/news/lADPAuoR5Jj6DOvNKuPNB4A_1920_10979_5846.jpg">
</div>		


<div class="one_page_scroll_box">
	<div class="item">
		<div class="page">
			<div class="left"><img src="http://test.agcoo.cn/news/lADPAuoR5Jj6DOvNKuPNB4A_1920_10979_03.jpg" data-index="1" style="opacity: 1"></div>
			<div class="right"><img src="http://test.agcoo.cn/news/lADPAuoR5Jj6DOvNKuPNB4A_1920_10979_05.jpg"></div>
		</div>

		<div class="page">
			<div class="left"><img src="http://test.agcoo.cn/news/lADPAuoR5Jj6DOvNKuPNB4A_1920_10979_07.jpg" data-index="2"></div>
			<div class="right"><img src="http://test.agcoo.cn/news/lADPAuoR5Jj6DOvNKuPNB4A_1920_10979_06.jpg"></div>
		</div>

		<div class="page">
			<div class="left" ><img src="http://test.agcoo.cn/news/lADPAuoR5Jj6DOvNKuPNB4A_1920_10979_10.jpg" data-index="3"></div>
			<div class="right"><img src="http://test.agcoo.cn/news/lADPAuoR5Jj6DOvNKuPNB4A_1920_10979_13.jpg"></div>
		</div>

		<div class="page">
			<div class="left" ><img src="http://test.agcoo.cn/news/lADPAuoR5Jj6DOvNKuPNB4A_1920_10979_15.jpg" data-index="4"></div>
			<div class="right"><img src="http://test.agcoo.cn/news/lADPAuoR5Jj6DOvNKuPNB4A_1920_10979_18.jpg"></div>
		</div>

		<div class="page">
			<div class="left"><img src="http://test.agcoo.cn/news/lADPAuoR5Jj6DOvNKuPNB4A_1920_10979_19.jpg" data-index="5"></div>
			<div class="right"><img src="http://test.agcoo.cn/news/lADPAuoR5Jj6DOvNKuPNB4A_1920_10979_21.jpg"></div>
		</div>
	</div>
</div>




<div class="footer">
	<div class="inner_box">
		<div class="list_links fl fstyle_TradeGothicLT">
			<ul class="link_item">
				<li class="title">ABOUT KPLUS</li>
				<li><a href="">品牌理念</a></li>
				<li><a href="">PLUS IN</a></li>
				<li><a href="">最新消息</a></li>
				<li><a href="">玩家见证</a></li>
			</ul>
			<ul class="link_item">
				<li class="title">GET HELP</li>
				<li><a href="">出货与寄送</a></li>
				<li><a href="">退换货处理</a></li>
				<li><a href="">会员机制</a></li>
				<li><a href="">问与答</a></li>
				<li><a href="">尺寸表</a></li>
			</ul>
			<ul class="link_item">
				<li class="title">CONUACT US</li>
				<li><a href="">联络我们</a></li>
				<li><a href="">销售据点</a></li>
			</ul>
		</div>
		<div class="sign_news_box fl fstyle_TradeGothicLT">
			<h3 >订阅我们获得最新消息</h3>
			<span class="sub_title">SING UP FOR KPLUS NEWS</span>
			<form class="">
				<label>
					<input type="text" style="display:none" />
					<input type="text" name="email" id="address" placeholder="Email Address" class="fl">
				</label>
				<label>
					<input type="button" name="button" class="btn fl" id="signUp" value="SUBSCRIBE">
				</label>
			</form>
		</div>
		<div class="friend_links fl">
			<div class="share_box">
				<a href="" class="icon"><i class="iconfont icon-instargam"></i></a>
				<a href="" class="icon"><i class="iconfont icon-facebookf"></i></a>
			</div>
			<span class="copy_right"><i class="iconfont icon-ic_copyright_px"></i> KPLUS 2017</span>

		</div>
	</div>
</div>
<div class="ds_none">
</div>
<script type="text/javascript" src="../vendor/jquery-1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="../build/js/common.js"></script>
<link href="https://cdn.bootcss.com/layer/3.1.0/theme/default/layer.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script>
<script type="text/javascript" src="../vendor/paroller.js/dist/jquery.paroller.js"></script>
<script type="text/javascript">

	//计数器
	var i = 1;
	$('.one_page_scroll_box').mousewheel(function(event, delta, deltaX, deltaY) {
		disable_scroll();
		scroll(delta);
	})

	function scroll(delta){

		//若delta=-1 向下滚 delta=1 像上
		console.log(i)
		//向上
		if(delta == 1){
			if(i == 0)  return false;
			$('.one_page_scroll_box .item').css({
				top: ( -1170 * (i-1) ) + 'px'
			})
			$('.one_page_scroll_box .page .left img[data-index="'+i+'"]').css( { opacity: 1 } ).siblings().css( { opacity:0 } );
			i--;
		}
		//向下
		if(delta == -1 && i < 5){
			if(i == 5)  return false;
			$('.one_page_scroll_box .item').css({
				top: (-1170 * i) + 'px'
			})
			$('.one_page_scroll_box .page img[data-index="'+i+'"]').css( { opacity: 1 } ).siblings().css( { opacity:0 } );
			i++;
		}

	}



var keys = [37, 38, 39, 40];

function preventDefault(e) {
    e = e || window.event;
    if (e.preventDefault)
        e.preventDefault();
    e.returnValue = false;
}
function keydown(e) {
    for (var i = keys.length; i--;) {
        if (e.keyCode === keys[i]) {
            preventDefault(e);
            return;
        }
    }
}
function wheel(e) {
    preventDefault(e);
}

function disable_scroll() {
    if (window.addEventListener) {
        window.addEventListener('DOMMouseScroll', wheel, false);
    }
    window.onmousewheel = document.onmousewheel = wheel;
    document.onkeydown = keydown;
}

function enable_scroll() {
    if (window.removeEventListener) {
        window.removeEventListener('DOMMouseScroll', wheel, false);
    }
    window.onmousewheel = document.onmousewheel = document.onkeydown = null;
}
</script>



</body> 
</html>